<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>文件上传工具</title>
    <link rel="icon" href="/static/ico/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/static/css/base.css">
</head>

<body>
    <div class="container">
        <h1>文件上传工具</h1>
        <div class="upload-area">
            <!-- 文件选择区域 -->
            <div class="file-input-wrapper">
                <label for="fileInput" class="file-input-label" id="fileLabel">
                    点击选择文件或拖放到此处
                </label>
                <input type="file" id="fileInput">
            </div>

            <!-- 上传按钮 -->
            <button class="upload-btn" id="uploadBtn">上传文件</button>

            <!-- 进度显示 -->
            <div class="progress-container">
                <div class="progress-label">
                    <span>上传进度:</span>
                    <span id="progressText">0%</span>
                </div>
                <progress id="progressBar" value="0" max="100"></progress>
            </div>

            <!-- 状态消息 -->
            <div id="status" class="status-default">准备上传文件...</div>
        </div>
    </div>
    <script src="/static/js/upload.js"></script>
</body>

</html>